<extend name="Base/common"/>
<block name="head">

    <!--<script type="text/javascript" src="__STATIC__/jquery-1.11.1.min.js"></script>-->
</block>
<block name="body">
    <link rel="stylesheet" type="text/css" href="__STATIC__/datetimepicker/css/datetimepicker.css"/>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"
            charset="UTF-8"></script>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
            charset="UTF-8"></script>
    <!--by Nicole-->


    <div id="main-container" class="container span12" style="margin-top: 20px;">
        <!--今日推荐-->
        <div class="todayNew span6">
            <div class="new_title">
                <span>今日推荐</span><a class="more" href="{:U('Today/index')}">更多&nbsp;</a>
            </div>
            <div class="new_list">
                <!--<ul >-->
                    <ul id="roll" class="news_zhanshi">
                    <volist name="today" id="data">

                        <li class="lipoint">
                            <a href="{:U('Article/detail?id='.$data['id'])}" title="" >{$data.title}</a>
                            <span class="pull-right newdatestyle">{$data.create_time|date='Y-m-d',###}</span>
                        </li>

                    </volist>
                    </ul>
                    <div id="bug"></div>
                <!--</ul>-->
            </div>
        </div>
        <!--今日推荐end-->

        <!--明日推荐-->
        <div class="todayNew span6">
            <div class="new_title">
                <span>明日推荐</span><a class="more" href="{:U('Tomorrow/index')}">更多&nbsp;</a>
            </div>
            <div class="new_list">
                <ul id="tom_roll" class="news_zhanshi">
                    <volist name="tomorrow" id="data">
                        <li class="lipoint">
                            <a href="{:U('Article/detail?id='.$data['id'])}" title="">{$data.title}</a>
                            <span class="pull-right newdatestyle">{$data.create_time|date='Y-m-d',###}</span>
                        </li>
                    </volist>
                </ul>
                <div id="tom_bug"></div>
            </div>
        </div>
        <!--明日推荐end-->

        <!--all_message-->
        <!--<div class="span12">-->
        <!--动态展区-->
        <div class="many_picture span12">
            <div class="pic_title"><span>图片展示</span></div>
            <div class="mr_frbox">
                <div class="mr_frUl" style="margin-left: 40px !important;">
                    <ul id="mr_fu">
                        <volist name="picture" id="data">
                            <li class="span3">
                                <a href="{$data.outline}" class="thumbnail">
                                    <img src="__ROOT__/Uploads{$data.url}"/>
                                </a>

                                <div class="mr_zhe_p">
                                    <h3><span>{$data['title']}</span></h3>
                                </div>
                            </li>
                        </volist>
                    </ul>
                </div>
            </div>
        </div>
        <!--动态展区-->

        <!--all_message-->

        <div class="all_message span12">
            <!--需求-->
            <div class="message_need message_title span4">
                <div class="new_title">
                    <span>需求</span><a class="more" href="{:U('Info/demand')}">更多&nbsp;</a>
                </div>
                <div class="new_list0">
                    <ul class="news_zhanshi" id="need_roll">
                        <volist name="demand" id="data">
                            <li class="lipoint_need">
                                <a href="{:U('Info/detail?id='.$data['id'])}" title="">{$data.title}</a>
                                <span class="pull-right newdatestyle">{$data.create_time|substr=0,10}</span>
                            </li>
                        </volist>
                    </ul>
                    <div id="need_bug"></div>
                </div>
            </div>
            <!--需求end-->
            <!--供应-->
            <div class="message_offer message_title span4">
                <div class="new_title">
                    <span>供应</span><a class="more" href="{:U('Info/supply')}">更多&nbsp;</a>
                </div>
                <div class="new_list0">
                    <ul class="news_zhanshi" id="offer_roll">
                        <volist name="supply" id="data">
                            <li class="lipoint_offer">
                                <a href="{:U('Info/detail?id='.$data['id'])}" title="">{$data.title}</a>
                                <span class="pull-right newdatestyle">{$data.create_time|substr=0,10}</span>
                            </li>
                        </volist>
                    </ul>
                </div>
            </div>
            <!--供应end-->

            <!--成交-->
            <div class="message_done message_title span4">
                <div class="new_title">
                    <span>成交</span><a class="more" href="{:U('Info/deal')}">更多&nbsp;</a>
                </div>
                <div class="new_list0">
                    <ul class="news_zhanshi done_side" id="done_roll">
                        <volist name="deal" id="data">
                            <li class="lipoint_done">
                                <a href="{:U('Info/detail?id='.$data['id'])}" title="">{$data.title}</a>
                                <span class="pull-right newdatestyle">{$data.create_time|substr=0,10}</span>
                            </li>
                        </volist>
                    </ul>
                </div>
            </div>
            <!--成交end-->

        </div>




        <!--地图展示by cyuan-->
        <div class="many_map span12">
            <div class="map_title"><span>地图展区</span></div>
            <div class="span12">
                <div id="map" style=" height: 500px!important;"></div>
            </div>
            <button class="btn" onclick="supply()">供应方</button>
            <button class="btn" onclick="demand()">需求方</button>
            <button class="btn" onclick="finish()">已完成</button>
        </div>
        <!--地图展示end-->

        <!--提交信息-->
        <div class="many_information text-center span12">
            <a href="{:U('Order/index')}"><button type="submit" class="btn btn-success">信息提交</button></a>
        </div>
        <!--提交信息-->

        <!--展示区-->
        <div class="text-center span12">
            <div class="">
                <div class="span4 show_top">
                    <a href="{:U('Index/partner?type=1')}"><img alt="物流供应商" src="__PUBLIC__/Home/images/wuliu.png"/></a>
                </div>
                <div class="span4 show_top">
                    <a href="{:U('Index/partner?type=2')}"><img alt="战略合作伙伴" src="__PUBLIC__/Home/images/partner.png"/></a>
                </div>
                <div class="span4 show_top">
                    <a href="{:U('Index/partner?type=3')}"><img alt="行业相关领域" src="__PUBLIC__/Home/images/about00.png"/></a>
                </div>
                <div class="span4 show_top">
                    <a href="{:U('Info/best')}"><img alt="成功案例" src="__PUBLIC__/Home/images/succeed0.png"/></a>
                </div>
                <div class="span4 show_top">
                    <a href="{:U('Video/detail')}"><img alt="视频鉴赏" src="__PUBLIC__/Home/images/video.png"/></a>
                </div>
                <div class="span4 show_top">
                    <a href="{:U('Index/album')}"><img alt="图片鉴赏" src="__PUBLIC__/Home/images/album.png"/></a>
                </div>
            </div>
        </div>
        <!--展示区end-->

        <!--视频展区-->
        <!--<div class="many_mess span12">-->
        <!--<div class="video_title"><span>视频展区</span></div>-->
        <!--<div class="span12 video_area">-->
        <!--<div class="mr_frUl">-->
        <!--<ul>-->
        <!--<volist name="video" id="data">-->
        <!--<li class="span4">-->
        <!--<a href="{:U('Video/video?id='.$data['id'])}" class="thumbnail">-->
        <!--<video src="__ROOT__/Uploads{$data.url}" style="height:200px;"/>-->
        <!--</a>-->
        <!--</li>-->
        <!--</volist>-->
        <!--</ul>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--视频展区end-->


    </div>
<script type="text/javascript">
    // nav
    var urlstr = location.href;
    //alert(urlstr);
    var urlstatus = false;
    $("#menu a").each(function () {
        if ((urlstr + '/').indexOf($(this).attr('href')) > -1 && $(this).attr('href') != '') {
            $(this).addClass('cur');
            urlstatus = true;
        } else {
            $(this).removeClass('cur');
        }
    });

    if (!urlstatus) {
        $("#menu a").eq(0).addClass('cur');
    }
</script>

    <script type="text/javascript">
        (function(A){
            A._loveYR = [];
            function _ROLL(obj,i){
                this.ele = document.getElementById(obj);
                this.interval = false;
                this.currentNode = 0;
                this.passNode = 0;
                this.speed = 100;
                this.childs = _childs(this.ele);
                this.childHeight = parseInt(_style(this.childs[0])['height']);
                addEvent(this.ele,'mouseover',function(){
                    A._loveYR[i].pause();
                });
                addEvent(this.ele,'mouseout',function(){
                    A._loveYR[i].start(_loveYR[i].speed);
                });
            }
            function _style(obj){
                return obj.currentStyle || document.defaultView.getComputedStyle(obj,null);
            }
            function _childs(obj){
                var childs = [];
                for(var i=0;i<obj.childNodes.length;i++){
                    var _this = obj.childNodes[i];
                    if(_this.nodeType===1){
                        childs.push(_this);
                    }
                }
                return childs;
            }
            function addEvent(elem,evt,func){
                if(-[1,]){
                    elem.addEventListener(evt,func,false);
                }else{
                    elem.attachEvent('on'+evt,func);
                };
            }
            function innerest(elem){
                var c = elem;
                while(c.childNodes.item(0).nodeType==1){
                    c = c.childNodes.item(0);
                }
                return c;
            }
            _ROLL.prototype = {
                start:function(s){
                    var _this = this;
                    _this.speed = s || 100;
                    _this.interval = setInterval(function(){
                        _this.ele.scrollTop += 1;
                        _this.passNode++;
                        if(_this.passNode%_this.childHeight==0){
                            var o = _this.childs[_this.currentNode] || _this.childs[0];
                            _this.currentNode<(_this.childs.length-1)?_this.currentNode++:_this.currentNode=0;
                            _this.passNode = 0;
                            _this.ele.scrollTop = 0;
                            _this.ele.appendChild(o);
                        }
                    },_this.speed);
                },
                pause:function(){
                    var _this = this;
                    clearInterval(_this.interval);
                }
            };
            A.marqueen = function(obj,i){
                A._loveYR[i] = new _ROLL(obj,i);
                return A._loveYR[i];
            };
        })(window);
        marqueen('roll',1).start(20);
        marqueen('tom_roll',2).start(20);
    </script>



</block>

<block name="script">
    <script type="text/javascript" src="__STATIC__/jquery.SuperSlide2.js"></script>
    <script type="text/javascript">
        //动态展区
        $(document).ready(function () {

            /* 图片滚动效果 */
            $(".mr_frbox").slide({
                titCell: "",
                mainCell: ".mr_frUl ul",
                effect: "leftLoop",
                autoPlay: true,
                delayTime: 28000,
                interTime: 8000,
                triggerTime: 6000,
                vis: 4 /*显示图片数*/
            });

        });
        //动态展区end
    </script>
</block>


